@charset "utf-8";

@import "../vendor/bootstrap-sass/stylesheets/bootstrap/mixins/buttons";

.swiper-button-prev,
.swiper-button-next {
  transition: opacity 333ms;
  opacity: .5;
  
  &:hover,
  &:focus,
  &:active {
    opacity: 1;
    outline: none;
  }
}

// .@@. mhugh: mh-banner
.mh-banner {
  position: relative;
  width: 100%;
  height: 410px;
  
  .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

.swiper-slide {
  overflow: hidden;
}

.mh-banner-image {
  position: absolute;
  left: 50%;
  height: 101%;
  transform: translate(-50%, 0);
}

.mh-banner-btn {
  position: absolute;
  top: 300px;
  right: 2rem;
  
  @include button-variant(#55a84b, #fafafa, #e0e0e0);
  border-radius: 1em;
}